<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我是标题</title>
		<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.10.0/build/cssbutton/cssbutton-min.css" />
		<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script>
		<style type="text/css">
		#demo{
			background-color:#f00;
			width:100px;
			height:100px;
		}
		</style>
	</head>
	<body>
		<button id="hide" class="yui3-button">隐藏</button>
		&nbsp;&nbsp;
		<button id="show" class="yui3-button giant-error">显示</button>
		<div id="demo"></div>
		<script type="text/javascript">
		YUI().use("node","transition",function(Y){
			Y.one("#hide").on("click",function(){
				Y.one("#demo").hide(true);
			});

			Y.one("#show").on("click",function(){
				Y.one("#demo").show(true);
			});
		});
		</script>
	</body>
</html>